home *** CD-ROM | disk | FTP | other *** search
/ InterCD 2001 November / november_2001.iso / Browsers / Netscape 6.1 / browser.xpi / bin / chrome / comm.jar / content / editor / EdImageProps.xul < prev    next >
Encoding:
Extensible Markup Language  |  2001-07-09  |  12.3 KB  |  307 lines
  1. <?xml version="1.0"?>
  2. <!--
  3.    - The contents of this file are subject to the Netscape Public
  4.    - License Version 1.1 (the "License"); you may not use this file
  5.    - except in compliance with the License. You may obtain a copy of
  6.    - the License at http://www.mozilla.org/NPL/
  7.    -  
  8.    - Software distributed under the License is distributed on an "AS
  9.    - IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  10.    - implied. See the License for the specific language governing
  11.    - rights and limitations under the License.
  12.    -  
  13.    - The Original Code is Mozilla Communicator client code, released
  14.    - March 31, 1998.
  15.    - 
  16.    - The Initial Developer of the Original Code is Netscape
  17.    - Communications Corporation. Portions created by Netscape are
  18.    - Copyright (C) 1998-2000 Netscape Communications Corporation. All
  19.    - Rights Reserved.
  20.    - 
  21.    - Contributor(s): 
  22.    -   Pete Collins
  23.    -   Brian King
  24.   -->
  25.  
  26. <?xml-stylesheet href="chrome://editor/skin/editor.css" type="text/css"?>
  27. <?xml-stylesheet href="chrome://editor/skin/EditorDialog.css" type="text/css"?>
  28.  
  29. <?xul-overlay href="chrome://global/content/dialogOverlay.xul"?> 
  30. <?xul-overlay href="chrome://editor/content/EdDialogOverlay.xul"?> 
  31. <?xul-overlay href="chrome://global/content/globalOverlay.xul"?>
  32. <?xul-overlay href="chrome://communicator/content/utilityOverlay.xul"?> 
  33.  
  34. <!DOCTYPE window SYSTEM "chrome://editor/locale/EditorImageProperties.dtd">
  35.  
  36.  
  37. <!-- dialog containing a control requiring initial setup -->
  38. <window class="dialog" title="&windowTitle.label;"
  39.     xmlns ="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
  40.     xmlns:html="http://www.w3.org/1999/xhtml"
  41.     onload = "Startup()"
  42.     orient="vertical"
  43.     id="imagedialog"
  44.     >
  45.   
  46.   <script type="application/x-javascript" src="chrome://editor/content/EdDialogCommon.js"/>
  47.   <script type="application/x-javascript" src="chrome://editor/content/EdImageProps.js"/>
  48.   <script type="application/x-javascript" src="chrome://global/content/dialogOverlay.js"/>
  49.   <script type="application/x-javascript" src="chrome://global/content/globalOverlay.js"/>
  50.   <script type="application/x-javascript" src="chrome://help/content/help.js"/>
  51.  
  52.   <spring id="location" offsetY="50" persist="offsetX offsetY"/>
  53.   <broadcaster id="args" value=""/>
  54.   <keyset id="dialogKeys"/>
  55.   <popupset id="aTooltipSet" />
  56.  
  57.   <titledbox orient="vertical">
  58.     <label value="&locationBox.label;"/>
  59.     <!--/////// Src URL and ALT Text //////-->
  60.     <grid>
  61.       <columns><column/><column/><column flex="1"/></columns>
  62.       <rows>
  63.         <row valign="middle" autostretch="never">
  64.           <text class = "label" 
  65.             for   = "srcInput"
  66.             value = "&locationEditField.label;"
  67.             tooltip="aTooltip" tooltiptext="&locationEditField.tooltip;"
  68.             />
  69.           <textbox
  70.             id         = "srcInput" 
  71.             oninput    = "ChangeImageSrc()"
  72.             style      = "min-width : 20em"/>
  73.           <!-- from EdDialogOverlay.xul -->
  74.           <button id="ChooseFile"/>
  75.         </row>
  76.         <row valign="middle" autostretch="never">
  77.           <text class = "label"
  78.             id      = "altTextLabel" 
  79.             for     = "altTextInput"
  80.             tooltip = "aTooltip" tooltiptext="&altTextEditField.tooltip;"
  81.             value   = "&altTextEditField.label;" />
  82.           <textbox
  83.             id     ="altTextInput"
  84.             style  = "min-width : 20em"/>
  85.           <spring/> <!-- placeholder for 3rd column -->
  86.         </row>
  87.       </rows>
  88.     </grid>
  89.     <spring class="spacer"/>
  90.   </titledbox>
  91.   <spring class="spacer"/>
  92.   <box valign="middle" autostretch="never"> 
  93.     <button 
  94.       class   = "dialog" 
  95.       id      = "MoreFewerButton" 
  96.       align   = "left" 
  97.       oncommand = "onMoreFewer()" 
  98.       tooltip = "aTooltip" tooltiptext = "&MoreFewerButton.tooltip;"
  99.       persist = "more"/>
  100.     <spring class="spacer"/>
  101.     <titledbox style="padding: 4px">
  102.       <box id="preview-image-box" valign="middle" autostretch="never">
  103.         <spring flex="1"/>
  104.         <html id="preview-image-holder"/>
  105.         <spring flex="1"/>
  106.       </box>
  107.       <box id="PreviewSize" orient="vertical" collapsed="true">
  108.         <spring flex="1"/>
  109.         <text class="label" value="&actualSize.label;"/>
  110.         <box orient="horizontal">
  111.           <text class="label" value="&widthEditField.label;"/>
  112.           <spring flex="1"/>
  113.           <text id="PreviewWidth" class="label"/>
  114.         </box>
  115.         <box orient="horizontal">
  116.           <text class="label" value="&heightEditField.label;"/>
  117.           <spring flex="1"/>
  118.           <text id="PreviewHeight" class="label"/>
  119.         </box>
  120.         <spring flex="1"/>
  121.       </box>
  122.     </titledbox>
  123.     <spring flex="1"/>
  124.     <!-- From EdDialogOverlay.xul -->
  125.     <button id="AdvancedEditButton"/>
  126.   </box>
  127.   <spring class="spacer"/>
  128.   <!-- Area that shows and hides via MoreFewerButton --> 
  129.   <box id="MoreSection" orient="vertical" flex="1">
  130.     <box>
  131.       <box orient="vertical">
  132.         <!-- //////// Image Dimensions //////// -->
  133.         <titledbox orient="vertical" flex="1">
  134.           <label id="dimensionsLabel" value="&dimensionsBox.label;"/>
  135.           <box>
  136.             <radiogroup id="imgSizeGroup" orient="vertical">
  137.               <radio
  138.                 group   = "imgSizeGroup"
  139.                 id      = "actualSizeRadio" 
  140.                 label   = "&actualSizeRadio.label;"
  141.                 tooltip = "aTooltip" tooltiptext="&actualSizeRadio.tooltip;"
  142.                 oncommand = "SetActualSize()"/>
  143.               <radio
  144.                 group   = "imgSizeGroup"
  145.                 id      = "customSizeRadio" 
  146.                 label   = "&customSizeRadio.label;"
  147.                 tooltip = "aTooltip" tooltiptext="&customSizeRadio.tooltip;"
  148.                 oncommand = "doDimensionEnabling();" />
  149.             </radiogroup>
  150.             <spring flex="1"/>
  151.             <box orient="vertical">
  152.               <spring flex="1"/>
  153.               <!--////// CONSTRAIN DIMENSIONS //////-->
  154.               <checkbox id="constrainCheckbox" label="&constrainCheckbox.label;"
  155.                    oncommand="ToggleConstrain()"
  156.                    tooltip="aTooltip" tooltiptext="&constrainCheckbox.tooltip;"/>
  157.             </box>
  158.             <spring flex="1"/>
  159.           </box>
  160.           <spring class="spacer"/>
  161.           <grid class="big-left-margin">
  162.             <columns><column/><column/><column flex="1"/></columns>
  163.             <rows>
  164.               <!--//////  IMAGE WIDTH  //////-->
  165.               <row valign="middle" autostretch="never">
  166.                 <text class = "label" 
  167.                   id    = "widthLabel"
  168.                   for   = "widthInput"
  169.                   value = "&widthEditField.label;" />
  170.                 <textbox
  171.                   id       = "widthInput" 
  172.                   class    = "narrow"
  173.                   onfocus  = "oldSourceInt = this.value;"
  174.                   oninput  = "constrainProportions(this.id, 'heightInput')"/>
  175.                 <menulist id = "widthUnitsMenulist"
  176.                   oncommand = "doDimensionEnabling();" />
  177.                 <!-- contents are appended by JS -->
  178.               </row>
  179.               <!--////// IMAGE HEIGHT //////-->
  180.               <row valign="middle" autostretch="never">
  181.                 <text class = "label" 
  182.                   id    = "heightLabel"
  183.                   for   = "heightInput"
  184.                   value = "&heightEditField.label;" />
  185.                 <textbox
  186.                   id       = "heightInput" 
  187.                   class    = "narrow"
  188.                   onfocus  = "oldSourceInt = this.value;"
  189.                   oninput  = "constrainProportions(this.id, 'widthInput')"/>
  190.                 <menulist id = "heightUnitsMenulist"
  191.                   oncommand = "doDimensionEnabling();" />
  192.                 <!-- contents are appended by JS -->
  193.               </row>
  194.             </rows>          
  195.           </grid>
  196.           <spring flex="1"/>
  197.         </titledbox>
  198.         <!--////// IMAGE MAP BUTTONS //////-->
  199.         <titledbox orient="vertical" flex="1">
  200.            <label id="imagemapLabel" value="&imagemapBox.label;"/>
  201.            <box flex="1" equalsize="always">
  202.  
  203. <!-- Hide Image Map Editor. Not ready for prime time yet
  204.             <button
  205.               class   = "dialog"
  206.               id      = "editImageMap"
  207.               oncommand = "editImageMap()"
  208.               tooltip = "aTooltip" tooltiptext="&editImageMapButton.tooltip;"
  209.               label   = "&editImageMapButton.label;"
  210.               flex    = "1"/>
  211. -->
  212.             <button
  213.               class   = "dialog"
  214.               id      = "removeImageMap"
  215.               oncommand = "removeImageMap()"
  216.               label   = "&removeImageMapButton.label;"
  217.               flex    = "1"/>
  218.             <spring flex="1"/><!-- remove when we restore Image Map Editor -->
  219.             </box>
  220.           <spring class="spacer"/>
  221.         </titledbox>
  222.       </box> <!-- vert. box on bottom left side -->
  223.  
  224.       <!-- Bottom Right Region -->
  225.       <box orient="vertical" flex="1">
  226.         <!--//////// Alignment ////////-->
  227.         <titledbox flex="1" orient="vertical">
  228.           <label id="alignLabel" value="&alignment.label;"/>
  229.           <spring class="spacer"/>
  230.           <menulist id="alignTypeSelect" class="align-menu">
  231.             <menupopup valign="middle">
  232.               <menuitem class="align-menu" value="top" label="&topPopup.value;"/>
  233.               <menuitem class="align-menu" value="center" label="¢erPopup.value;"/>
  234.               <menuitem class="align-menu" value="bottom" label="&bottomPopup.value;"/>
  235.               <!-- HTML attribute value is opposite of the button label on purpose -->
  236.               <menuitem class="align-menu" value="right" label="&wrapLeftPopup.value;"/>
  237.               <menuitem class="align-menu" value="left"  label="&wrapRightPopup.value;"/>
  238.             </menupopup>
  239.           </menulist>
  240.         </titledbox>
  241.  
  242.         <!--//////// Borders and Spacing ////////-->
  243.         <titledbox flex="1">
  244.           <label id="spacingLabel" value="&spacingBox.label;"/>
  245.           <grid>
  246.             <columns><column/><column/><column/></columns>
  247.             <rows>
  248.               <row valign="middle" autostretch="never">
  249.                 <text 
  250.                   class = "label align-right" 
  251.                   id    = "leftrightLabel"
  252.                   value = "&leftRightEditField.label;"/>
  253.                 <textbox
  254.                   class     = "narrow"
  255.                   id        = "imageleftrightInput" 
  256.                   oninput   = "forceInteger(this.id)"/>
  257.                 <text 
  258.                   class = "label" 
  259.                   id    = "leftrighttypeLabel"
  260.                   value = "&pixelsPopup.value;" />
  261.               </row>
  262.               <row valign="middle" autostretch="never">
  263.                 <text 
  264.                   class = "label align-right" 
  265.                   id    = "topbottomLabel"
  266.                   value = "&topBottomEditField.label;"/>
  267.                 <textbox
  268.                   class     = "narrow"
  269.                   id        = "imagetopbottomInput" 
  270.                   oninput   = "forceInteger(this.id)"/>
  271.                 <text
  272.                   class = "label" 
  273.                   id    = "topbottomtypeLabel"
  274.                   value = "&pixelsPopup.value;" />
  275.               </row>
  276.               <row valign="middle" autostretch="never">
  277.                 <text class = "label align-right" 
  278.                   id    = "borderLabel"
  279.                   value = "&borderEditField.label;"/>
  280.                 <textbox
  281.                   class     = "narrow"
  282.                   id        = "border" 
  283.                   oninput   = "forceInteger(this.id)"/>
  284.                 <text 
  285.                   class = "label" 
  286.                   id    = "bordertypeLabel"
  287.                   value = "&pixelsPopup.value;" />
  288.               </row>
  289.             </rows>
  290.           </grid>
  291.         </titledbox>
  292.       </box> <!-- Bottom Right region -->
  293.     </box> <!-- The horizontal box -->
  294.   
  295.     <!-- buttons along bottom -->
  296.     <spring class="spacer"/>
  297.     <box>
  298.       <spring flex="1"/>
  299.       <!-- From EdDialogOverlay -->
  300.       <button id="AdvancedEditButton2"/>
  301.     </box>
  302.   </box> <!-- END OF MORE/FEWER SECTION -->
  303.   <separator class="groove"/>
  304.   <!-- from global dialogOverlay -->
  305.   <box id="okCancelHelpButtonsRight"/> 
  306. </window>
  307.